<template>
  <div class="huatiback">
    <!-- 话题头部搜索 -->
    <div class="huati-top">
      <input type="text" placeholder="搜索新鲜热词">
      <img src="img/sousuo.jpg" alt="">
    </div>
      








      <Bottomfu/>
      <Huatinav/>
      <router-view></router-view>
  </div>
</template>

<script>
import Bottomfu from "@/components/bottom/fu.vue"
import Huatinav from "@/components/huatinav/nav.vue"


export default {
  components:{
    Bottomfu,Huatinav
  }
}
</script>
<style scoped>

.huati-top{
  width: 100%;
  height: 0.42rem;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 11;
  line-height: 0.4rem;
  box-sizing: border-box;
  padding-top: 0.1rem;
}
.huati-top input{
  display: flex;
  justify-content: center;
  width: 95%;
  height: 0.3rem;
  border: none;
  border: 0.01rem solid gray;
  border-radius: 0.01rem solid gray;
  margin: 0 auto;
  border-radius:0.05rem;
  text-indent: 0.4rem;
}
.huati-top img{
  position: absolute;
  top: 0.15rem;
  left: 0.2rem;
}
</style>